{% extends "base_generic.html" %}
{% block title %}Contacta con nosotros - EL UTILLERO{% endblock %}
{% block content %}
        
        {% if not sent %}
        <h1>Contactar con EL UTILLERO</h1>
        <div id="maincontent">
          <form action="#" method="post" id="contactform" class="dataform">
            <div class="line">
              <div class="field">
            <label for="name">Tu nombre:</label>
            <input id="name" name="name" size="40" />
              </div>
            </div>
            <div class="line">
              <div class="field">
            <label for="email">Tu email:</label>
            <input id="email" name="email" size="25" />
            </div>
          </div>
          <div class="line">
            <div class="field">
            <label for="message">Mensaje:</label>
            <textarea name="message" id="message" rows="8" cols="70"></textarea>
            </div>
          </div>
          <div class="line">
            <div class="field">
            <input id="send" name="send" value="Enviar" type="submit" />
            </div>
          </div>
          </form>
        {% else %}
        <h1>Mensaje enviado correctamente</h1>
        <div id="maincontent">
          <p>Te contestaremos lo antes posible.</p>
        {% endif %}

          <br class="clear" /><br class="clear" /><br class="clear" /><br class="clear" />
        </div>
        <div id="sidebar">
          <h2>Otros medios de contacto</h2>
          <ul>
            <li><a href="mailto:info@elutillero.com">info@elutillero.com</a> </li>
            <li><strong>679 507 003</strong>
              <br />De lunes a sábado de 10am a 5pm</li>
          </ul>
        </div>

{% endblock %}
